<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>校园</title>
    <link rel="stylesheet"href="xue.css">
</head>

    <body>
        <!--第一步，准备一个包裹器 -->
        <div id="wrap">
            <!-- 第二步，先组装内部的立方体-->
            <span id="in-front"><img src="超/超 (1).jpg" alt=""></span>
            <span id="in-back"><img src="超/超 (2).jpg" alt=""></span>
            <span id="in-left"><img src="超/超 (3).jpg" alt=""></span>
            <span id="in-right"><img src="超/超 (4).jpg" alt=""></span>
            <span id="in-top"><img src="超/超 (5).jpg"alt=""></span>
            <span id="in-bottom"><img src="超/超 (6).jpg"alt=""></span>

        <!--外壳第一步，组装外层的立方体-->

            <div id="out-front"><img src="超/超 (7).jpg" alt=""></div>
            <div id="out-back"><img src="超/超 (8).jpg" alt=""></div>
            <div id="out-left"><img src="超/超 (9).jpg" alt=""></div>
            <div id="out-right"><img src="超/超 (10).jpg" alt=""></div>
            <div id="out-top"><img src="超/超 (11).jpg" alt=""></div>
            <div id="out-bottom"><img src="超/超 (12).jpg" alt=""></div>
            
        </div>


    </body>

    </html>